<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:f="http://java.sun.com/jsf/core" 
xmlns:c="http://java.sun.com/jsp/jstl/core" 
xmlns:ace="http://www.icefaces.org/icefaces/components"
xmlns:ice="http://www.icesoft.com/icefaces/component"
xmlns:icecore="http://www.icefaces.org/icefaces/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
template="/WEB-INF/templates/templatePrincipal.xhtml">

<ui:define name="corpo-da-pagina">

<ui:include src="menu.xhtml"></ui:include>

<h:form id="formPrincipal">

	<br />
	
	<fieldset>
	
		<legend> Buscar Filme </legend>

	<h:panelGrid columns="3">
		<h:outputLabel value="Titulo Original do Filme" />
		<h:inputText value="#{editAcervoMB.tituloOrig}" />
		<h:commandButton value="Buscar" action="#{editAcervoMB.buscarPorTitulo}" />
	</h:panelGrid>

	</fieldset>
	
	<br />
	
	<ace:tabSet clientSide="false" cancelOnInvalid="true" immediate="false" rendered="#{editAcervoMB.filme.tituloOriginal != null}">
		<ace:tabPane label="Dados do Filme">
			<h:panelGrid columns="3"  rendered="#{editAcervoMB.filme.tituloOriginal != null}">
				<h:outputLabel value="Titulo Original:" />
				<h:inputText value="#{editAcervoMB.filme.tituloOriginal}" required="true" requiredMessage="Campo nome obrigatorio"/>
				<h:outputLabel value="" />

				<h:outputLabel value="Titulo em Portugues:" />
				<h:inputText value="#{editAcervoMB.filme.tituloPortugues}" />
				<h:outputLabel value="" />	

				<h:outputLabel value="Data de Lancamento:" />
				<ace:dateTimeEntry value="#{editAcervoMB.filme.dataLancamento}" pattern="dd/MM/yyyy" locale="#{loginMB.locale}" renderAsPopup="true"  required="true" requiredMessage="Campo Data de Nascimento obrigatorio"/>
				<h:outputLabel value="" />

				<h:outputLabel value="Lancamento:" />
				<h:selectBooleanCheckbox value="#{editAcervoMB.filme.lancamento}" />
				<h:outputLabel value="" />

				<h:outputLabel value="Genero:" />
				<h:selectOneMenu value="#{editAcervoMB.genero}" >
				<h:outputLabel value="" />
					<f:selectItem itemValue="#" itemLabel="..:: Genero do Filme ::.." />
					<f:selectItems value="#{editAcervoMB.generos}" /> 
				</h:selectOneMenu>  
				<h:outputLabel value="" />

				<h:outputText value="Sinopse: " />  
				<h:inputText value="#{editAcervoMB.filme.sinopse}"/>
				<h:outputLabel value="" />

				<h:outputText value="Duracao: " />  
				<h:inputText value="#{editAcervoMB.filme.duracao}"/>
				<h:outputLabel value="" />
				
				<h:commandButton value="Salvar" action="#{editAcervoMB.salvarEditar}" />
			</h:panelGrid>
		</ace:tabPane>
		
		<ace:tabPane label="Paises do Filme">
			<h:panelGrid columns="3"  rendered="#{editAcervoMB.filme.tituloOriginal != null}">
				<h:outputText value="Pais: " />  
				<h:inputText value="#{editAcervoMB.pais.nome}"/>
				<h:commandButton value="Adicionar Pais" action="#{editAcervoMB.adicionarPais}" />
			</h:panelGrid>

			<br />

			<h:dataTable value="#{editAcervoMB.filme.paises}"
						var="pais"
						styleClass="order-table"
    					headerClass="order-table-header"
    					rowClasses="order-table-odd-row,order-table-even-row" style="width:100%;align:center;">
		 		<h:column>
		 			<f:facet name="header">Nome</f:facet>#{pais.nome}
		 		</h:column>
		 		<h:column>
					<f:facet name="header">Editar</f:facet>
					<h:commandLink action="#{editAcervoMB.setPais(pais)}">
	 					<h:graphicImage library="images" name="edit-icon.png" />
	 				</h:commandLink>
				</h:column>
				<h:column>
					<f:facet name="header">Excluir</f:facet>
					<h:commandLink action="#{editAcervoMB.setPais(pais)}" onclick="varDialogExcluirPais.show();">
	 					<h:graphicImage library="images" name="delete-icon.png" />
	 				</h:commandLink>
				</h:column>
			</h:dataTable>
		</ace:tabPane>

		<ace:tabPane label="Direcao do Filme">
			<h:panelGrid columns="2"  rendered="#{editAcervoMB.filme.tituloOriginal != null}">
				<h:outputText value="Nome Diretor " />  
				<h:inputText value="#{editAcervoMB.diretor.nome}"/>

				<h:outputText value="Nascimento: " />  
				<ace:dateTimeEntry value="#{editAcervoMB.diretor.nascimento}" pattern="dd/MM/yyyy" locale="#{loginMB.locale}" renderAsPopup="true"/>

				<h:outputText value="Falecimento: " />  
				<ace:dateTimeEntry value="#{editAcervoMB.diretor.falecimento}" pattern="dd/MM/yyyy" locale="#{loginMB.locale}" renderAsPopup="true"/>

				<h:outputText value="Nacionalidade: " />  
				<h:inputText value="#{editAcervoMB.diretor.nacionalidade}"/>
				
				<h:commandButton value="Salvar" action="#{editAcervoMB.salvarEditar}" />
			</h:panelGrid>
		</ace:tabPane>
		
		<ace:tabPane label="Elenco do Filme">
   		    <h:panelGrid columns="2"  rendered="#{editAcervoMB.filme.tituloOriginal != null}">
				<h:outputText value="Nome Participante " />  
				<h:inputText value="#{editAcervoMB.participante.nome}"/>

				<h:outputText value="Nascimento: " />  
				<ace:dateTimeEntry value="#{editAcervoMB.participante.nascimento}" pattern="dd/MM/yyyy" locale="#{loginMB.locale}" renderAsPopup="true"/>

				<h:outputText value="Falecimento: " />  
				<ace:dateTimeEntry value="#{editAcervoMB.participante.falecimento}" pattern="dd/MM/yyyy" locale="#{loginMB.locale}" renderAsPopup="true"/>

				<h:outputText value="Nacionalidade: " />  
				<h:inputText value="#{editAcervoMB.participante.nacionalidade}"/>
				
				<h:commandButton value="Adicionar Participante" action="#{editAcervoMB.adicionarParticipante}" />
			</h:panelGrid>
	 		
	 		<br />
	 		
	 		<h:dataTable value="#{editAcervoMB.filme.elenco}"
	 					var="participante" 
	 					styleClass="order-table"
    					headerClass="order-table-header"
    					rowClasses="order-table-odd-row,order-table-even-row" style="width:100%;align:center;" >
				<h:column>
					<f:facet name="header">Nome</f:facet>#{participante.nome}
				</h:column>
				<h:column>
					<f:facet name="header">Nacionalidade</f:facet>#{participante.nacionalidade}
				</h:column>
				<h:column>
					<f:facet name="header">Editar</f:facet>
					<h:commandLink action="#{editAcervoMB.setParticipante(participante)}">
	 					<h:graphicImage library="images" name="edit-icon.png" />
	 				</h:commandLink>
				</h:column>
				<h:column>
					<f:facet name="header">Excluir</f:facet>
					<h:commandLink action="#{editAcervoMB.setParticipante(participante)}" onclick="varDialogExcluirParticipante.show();">
	 					<h:graphicImage library="images" name="delete-icon.png" />
	 				</h:commandLink>
				</h:column> 		
			</h:dataTable>	
		</ace:tabPane>
		
		<ace:tabPane label="Tipos de Midia do Filme">
			<h:panelGrid columns="2"  rendered="#{editAcervoMB.filme.tituloOriginal != null}">
				<h:outputText value="Data de Aquisicao: " />  
				<ace:dateTimeEntry value="#{editAcervoMB.itemFilme.dataAquisicao}"  pattern="dd/MM/yyyy" locale="#{loginMB.locale}" renderAsPopup="true"/>

				<h:outputText value="Numero de Serie: " />  
				<h:inputText value="#{editAcervoMB.itemFilme.numSerie}"/>
		
				<h:outputLabel value="Estado: " />
				<h:selectOneMenu value="#{editAcervoMB.estado}" >
					<f:selectItems value="#{editAcervoMB.estados}" /> 
				</h:selectOneMenu>  
					
				<h:outputLabel value="Midia: " />
				<h:selectOneListbox value="#{editAcervoMB.midia.id}" size="1">
					<f:selectItem itemLabel="..:: Midia ::.." itemValue="" />
					<f:selectItems value="#{editAcervoMB.midias}"/>
				</h:selectOneListbox><br />

				<h:commandButton value="Adicionar Item de Filme" action="#{editAcervoMB.adicionarItemFilme}" />
			</h:panelGrid>

			<br />
			
			<h:dataTable value="#{editAcervoMB.filme.itens}"
	 					var="item" 
	 					styleClass="order-table"
    					headerClass="order-table-header"
    					rowClasses="order-table-odd-row,order-table-even-row" style="width:100%;align:center;" >
				<h:column>
					<f:facet name="header">Midia</f:facet>#{item.numSerie}
				</h:column>
				<h:column>
					<f:facet name="header">Midia</f:facet>#{item.midia.tipoMidia}
				</h:column>
				<h:column>
					<f:facet name="header">Valor do Aluguel</f:facet>#{item.midia.valorPadrao}
				</h:column>
				<h:column>
					<f:facet name="header">Editar</f:facet>
					<h:commandLink action="#{editAcervoMB.setItemFilme(item)}">
	 					<h:graphicImage library="images" name="edit-icon.png" />
	 				</h:commandLink>
				</h:column>
				<h:column>
					<f:facet name="header">Excluir</f:facet>
					<h:commandLink action="#{editAcervoMB.setItemFilme(item)}" onclick="varDialogExcluirItem.show();">
	 					<h:graphicImage library="images" name="delete-icon.png" />
	 				</h:commandLink>
				</h:column>
			</h:dataTable>	
		</ace:tabPane>
    </ace:tabSet>

	<br />

	<ace:dialog id="dialogExcluirPais" header="Excluir Pais" widgetVar="varDialogExcluirPais" closable="false" modal="true" draggable="false" minwidth="400" minheight="200" showEffect="fade" hideEffect="fade" resizable="false">		
		<h:outputLabel value="Confirma exclusao do Pais?" />
		<br />
		<h:commandButton value="Cancelar" onclick="varDialogExcluiPais.hide();" />			
		<h:commandButton value="Excluir" action="#{editAcervoMB.excluirPais}" onclick="varDialogExcluirPais.hide();" />
	</ace:dialog>

	<ace:dialog id="dialogExcluirParticipante" header="Excluir Participante" widgetVar="varDialogExcluirParticipante" closable="false" modal="true" draggable="false" minwidth="400" minheight="200" showEffect="fade" hideEffect="fade" resizable="false">		
		<h:outputLabel value="Confirma exclusao do Participante?" />
		<br />
		<h:commandButton value="Cancelar" onclick="varDialogExcluiParticipante.hide();" />			
		<h:commandButton value="Excluir" action="#{editAcervoMB.excluirParticipante}" onclick="varDialogExcluirParticipante.hide();" />
	</ace:dialog>
	
	<ace:dialog id="dialogExcluirItem" header="Excluir Item" widgetVar="varDialogExcluirItem" closable="false" modal="true" draggable="false" minwidth="400" minheight="200" showEffect="fade" hideEffect="fade" resizable="false">		
		<h:outputLabel value="Confirma exclusao do Item?" />
		<br />
		<h:commandButton value="Cancelar" onclick="varDialogExcluiItem.hide();" />			
		<h:commandButton value="Excluir" action="#{editAcervoMB.excluirItemFilme}" onclick="varDialogExcluirItem.hide();" />
	</ace:dialog>
	
</h:form>
</ui:define>
</ui:composition>